.fadeIn {
    animation: fadeIn;
    animation-duration: .3s;
}

.fadeOut {
    animation: fadeOut;
    animation-duration: .3s;
}

@keyframes fadeIn {
    from {
        transform: translateY(-5px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        transform: translateY();
        opacity: 1;
    }

    to {
        transform: translateY(-2px);
        opacity: 0;
    }
}